body { width: 100%; height: 100%; font-family: Arial; font-size: 13px; color: #5f5f5f; background-color: #212121; }

input, select, textarea { font-family: Arial; font-size: 13px; background: transparent; color: #5f5f5f; }

* {margin:0px; padding:0px; border:0px;}

img {display:block;}

.all { position: relative; width: 100%; background:url(images/light-bg.jpg) 50% 0px no-repeat; }
.main { position: relative; width: 960px; margin: 0px auto; text-align: left; }

    .header { position: relative; width: 100%; background-color: #f4f4f4; }
    .header-holder { position: relative; height: 156px; background:url(images/header-holder-bg.gif) 0px 0px repeat-y; }
        
        .top-links { position: relative; width: 100%; height: 35px; background-color: #f4f4f4; line-height: 34px; font-size: 10px; color: #979797; text-transform: uppercase; }
        .top-links a { color: #979797; text-decoration: none; }
        .top-links a:hover { color: #000000; }
        
        .logo { display: block; position: absolute; top: 17px; left: 35px; }
        
        ul.main-menu { position: absolute; bottom: 0px; right: 0px; list-style: none; overflow: hidden; }
        ul.main-menu li { position: relative; float: left; height: 56px; line-height: 56px; }
        ul.main-menu li a { position: relative; display: block; float: left; color: #858585; font-family: Trebuchet MS; font-size: 17px; padding: 0px 10px; text-decoration: none; }
        ul.main-menu li a:hover, ul.main-menu li a.act { background:url(images/menu-hover.gif) 0px 100% repeat-x; color: #000000; }
        
        .header-block { position: relative; width: 100%; background-color: #131313; }
        .header-block .main { height: 470px; background:#f6f6f6 url(images/header-img.jpg) 0px 0px no-repeat; text-align: right; }
            .header-info { position: relative; float: right; right: 100px; margin-top: 160px; text-align: right; }
            .header-info h1 { display: block; font-size: 80px; font-weight: bold; color: #000000; letter-spacing: -2px; }
            .header-info h1 span { display: block; font-size: 30px; font-weight: normal; text-transform: uppercase; margin-top: -10px; letter-spacing: normal; }
            .header-info a.buts { display: block; float: right; width: 81px; height: 37px; background-color: #000000; text-align: center; line-height: 38px; font-size: 10px; color: #FFFFFF; text-transform: uppercase; text-decoration: none; }
            .header-info a.buts:hover { text-decoration: underline; }
            .header-info a.more { background-color: #e10000; }
        
    .content { position: relative; padding: 50px 20px 95px; background-color: #FFFFFF; }
               
    h1 { display: block; font-size: 40px; color: #000000; font-weight: normal; margin-bottom: 35px; }
    h2 { display: block; font-size: 24px; color: #000000; font-weight: normal; margin-bottom: 20px; }
    h5 { display: block; font-size: 13px; color: #a7a7a7; font-weight: normal; }
    a { color: #e10000; text-decoration: underline; }
    a:hover { text-decoration: none; }
    a.more { display: block; width: 71px; height: 27px; background-color: #e10000; line-height: 28px; font-size: 10px; color: #FFFFFF; text-align: center; text-transform: uppercase; text-decoration: none; }
    a.rmore { color: #a4a4a4; font-style: italic; }
    p { line-height: 18px; padding-bottom: 15px; }
    p font { font-size: 13px; color: #797f88; }
    .cont-img { border: 1px solid #e7e7e7; padding: 6px; }
    .cont-img.left { margin-right: 15px; }                         
   
      .brdr { position: relative; background:url(images/border-y.gif) 306px 0px repeat-y; }
      
      .hr { position: relative; width: 100%; height: 1px; background-color: #e4e4e4; margin: 40px 0px; overflow: hidden; }
    
      .sideblock { position: relative; width: 285px; }
      .sideblock-left { position: relative; width: 308px; float: left; }
      .sideblock-left h5 { color: #e10000; }
      
        .news-list { position: relative; width: 100%; overflow: hidden; }
        .news-list ul { position: relative; width: 100%; margin-top: -15px; overflow: hidden; }
        .news-list ul li { position: relative; width: 100%; vertical-align: top; overflow: hidden; border-top: 1px solid #eaeaea; padding-top: 14px; margin-bottom: 15px; }
      
      .container { position: relative; width: 605px; }
      .container-right { position: relative; width: 582px; float: right; }
      
        .column { position: relative; width: 279px; }
        .column h2 { margin-bottom: 10px; }
      
      .projbox-list { position: relative; width: 100%; overflow: hidden; }
      .projbox-box { position: relative; width: 100%; background:url(images/proj-bg.gif) 0px 0px repeat; margin-bottom: 9px; }
      .projbox-box dl { position: relative; width: 105%; background:url(images/proj-brdr.gif) 0px 100% repeat-x; overflow: hidden; }
      .projbox-box dl dt { position: relative; margin-right: 9px; float: left; width: 300px; background:url(images/proj-brdr.gif) 0px 0px repeat-x; }
      .projbox-box dl dt .holder { position: relative; padding: 17px; }
      .projbox-box dl dt .holder img { margin-bottom: 20px; }
      .projbox-box dl dt p { padding: 0px; }
      .projbox-box dl dt p span { color: #e10000; }
           
        .contact-block { display: block; text-align: right; width: 65%; }
        .contact-block span { float: left; }
        .contact-block p { display: block; padding: 0px; overflow: hidden; }        
        .cont-form .hldr { width: 100%; margin-bottom: 6px; padding: 0px; }
        
            .inparea { position: relative; display: block; border: 1px solid #dedede; background-color: #FFFFFF; padding: 7px 10px; }
            .inparea .text-field { position: relative; width: 85px; font-size: 13px; float: left; line-height: 18px; }
            .inparea .input-field { position: relative; float: left; width: 235px; }
            .inparea .input-field input { width: 100%; position: relative; float: left; height: 18px; line-height: 20px; }
                
            .inparea.textarea .text-field { float: left; white-space: nowrap; }
            .inparea.textarea textarea { position: relative; float: right; width: 465px; height: 210px; line-height: 14px; margin-top: 2px; }
          
            .form-but { float: right; height: 30px; color: #FFFFFF; font-size: 10px; margin: 30px 0px 0px 20px; padding: 0px 25px; *padding: 0px 10px; font-size: 10px; text-transform: uppercase; background-color: #e10000; cursor: pointer; }
                                
        .text-block { position: relative; }
        .text-block h5 { color: #e10000; }

      .footer { position: relative; width: 100%; padding: 40px 0px 0px; }
      .footer dl { position: relative; width: 100%; margin-bottom: 50px; padding: 0px 20px; overflow: hidden; }
      .footer dl dt { position: relative; width: 23%; float: left; padding-right: 2%; }
      .footer dl dd { position: relative; width: 21%; float: left; padding-left: 4%; }
      .footer dl h2 { display: block; color: #FFFFFF; font-size: 24px; font-weight: normal; margin-bottom: 15px; }
      .footer li a { color: #6a6a6a; text-decoration: none; }
      .footer li a:hover { color: #6a6a6a; text-decoration: underline; }
          ul.foot-links { list-style: none; position: relative; width: 100%; overflow: hidden; }
          ul.foot-links li { position: relative; width: 100%; vertical-align: top; background:url(images/foot-lnks-bull.gif) 0px 6px no-repeat; padding: 0px 0px 12px 12px; }
          
      
          .foot-hldr { position: relative; width: 100%; overflow: hidden; }
          
          ul.tweets-list { position: relative; list-style: none; width: 100%; margin-top: -12px; }
          ul.tweets-list li { position: relative; vertical-align: top; padding: 12px 0px 12px 40px; border-top: 1px solid #333333; background:url(images/twt-list-bg.gif) 5px 14px no-repeat; }
          ul.tweets-list li p { padding-top: 5px; }
          ul.tweets-list li i { color: #cacaca; }
          
          ul.social-links { position: relative; list-style: none; width: 100%; margin-top: -5px; }
          ul.social-links li { position: relative; vertical-align: top; padding: 4px 0px; border-top: 1px solid #333333; overflow: hidden; }
          ul.social-links li a { display: block; height: 30px; line-height: 30px; text-decoration: none; }
          ul.social-links li a span.twtr { display: block; float: left; width: 31px; height: 31px; margin-right: 15px; background:url(images/social-icoset.gif) 0px 0px no-repeat; }
          ul.social-links li a span.fbk { display: block; float: left; width: 31px; height: 31px; margin-right: 15px; background:url(images/social-icoset.gif) 0px -40px no-repeat; }
          ul.social-links li a span.flkr { display: block; float: left; width: 31px; height: 31px; margin-right: 15px; background:url(images/social-icoset.gif) 0px -80px no-repeat; }
          ul.social-links li a span.rss { display: block; float: left; width: 31px; height: 31px; margin-right: 15px; background:url(images/social-icoset.gif) 0px -120px no-repeat; }

      .foot-copy { position: relative; height: 38px; background-color: #f4f4f4; text-transform: uppercase; font-size: 10px; color: #989898; line-height: 38px; padding: 0px 20px; }
      .foot-copy a { color: #989898; text-decoration: none; }
      .foot-copy a:hover { color: #000000; text-decoration: underline; }
        
.left, .l {position: relative; float:left !important;}
.right, .r {position: relative; float:right !important;}

.width50 { width: 45%; }

.centered { text-align: center; }
.centered a { display: inline-block; margin: 0px auto; }
.centered.expnd a { display: block; }
.centered.expnd a span { float: none; }
.centered img { margin: 0px auto; }

.tright { text-align: right; }

.clearfix {overflow:hidden;}
* html .clearfix {overflow:visible; height:1%;}
.clear { clear: both; }
.border {border:1px solid red;}